$(function () {
  // 视频中心：tab栏切换效果
    $(".video-tab .tab").mouseover(function () {
        /* console.log($(this)); */
        $(".video-info").eq($(this).index()).removeClass("hide").siblings().addClass("hide")
    })
  /*   console.log($(".photo-tab .tab"));
    console.log($(".photo-main .video-info")); */

    // 精彩图集：tab栏切换效果
    $(".photo-tab .tab").mouseover(function () {
        $(".photo-main .video-info").eq($(this).index()).removeClass("hide").siblings().addClass("hide")
       /*  console.log($(".photo-main .video-info")); */
    })

    // 上面鼠标移入效果
    $('.nav-top li').mouseover(function(){
      $(this).addClass('on').siblings().removeClass('on')
    })
    

    //banner部分轮播图
    const $banner=$('.banner')
    let index = 0;
    const $ol=$('.banner ol')
    const $lis = $(".banner ul li");
    // 动态生成ol里面的li
    $lis.each(function(){
      let $olLi=$('<li></li>')
      $ol.append($olLi)
      // 给默认的第一个li添加类on
      $ol.children().eq(index).addClass('on')
      // ol里面的li的点击事件
      $ol.children().click(function(){
        // 自己添加类on，其他li去掉
        $(this).addClass('on').siblings().removeClass('on')
        index=$(this).index()
        // 对应的图片淡入，其他隐藏
        $lis.eq(index).fadeIn(600).siblings().hide()
      })
    })
    // 右箭头点击事件
    $(".arrow-right").click(rightClick)
    function rightClick() {
      // 清除右箭头的点击事件
      $(".arrow-right").off('click')
      // 先让当前li淡入
      $lis.eq(index).fadeOut(0, function () {
        //计算下一个li的下标
        index++;
        //判断  如果li的下标大于$lis的下标-1就把下标等于0
        if (index > $lis.length - 1) index = 0;
        //下一个下标对应的li淡出
        $ol.children().eq(index).addClass('on').siblings().removeClass('on')
        $lis.eq(index).fadeIn(600);
        // 重新给右箭头添加点击事件
        $(".arrow-right").click(rightClick)
      });
    } 
    
    // 左箭头点击事件
    $(".arrow-left").click(leftClick);
    function leftClick() {
      // 解绑左箭头的点击事件
      $(".arrow-left").off('click')
      // 当前图片淡出
      $lis.eq(index).fadeOut(0, function () {
        index--;
        if (index < 0) index = $lis.length - 1;
        // 对应的ol里面的li获取类on,其他的去掉on
        $ol.children().eq(index).addClass('on').siblings().removeClass('on')
        // 下一张图片淡入
        $lis.eq(index).fadeIn(600);
        // 左箭头重新绑定点击事件
        $(".arrow-left").click(leftClick);
      });
    }
    // banner部分自动轮播，调用右箭头点击事件
    $banner.get(0).timeId=setInterval(rightClick,5000)
    // 鼠标移入清除定时器
    $banner.mouseenter(function(){
      // console.log(this);
      clearInterval(this.timeId)
    })
    // 鼠标移出继续自动轮播
    $banner.mouseleave(function(){
     this.timeId=setInterval(rightClick,5000)
    })
      
    // 自己添加：校园热点滚动条自动轮播事件，可以添加
    // 获取对象
    const $subject=$('.msg-right .right-subject')
    const $subjectBox=$('.msg-right .right-subject .right-subject-box')
    const $subjectDivs=$('.msg-right .right-subject .right-subject-1')
    // console.log( $subjectBox.height(),$subjectDivs.outerHeight());
    let subjectIndex=0
    // 内容自动轮播
    $subject.timeId=setInterval(getSubject,3000)
    function getSubject(){
      subjectIndex++
      // 判定滚动的次数
      if(subjectIndex>( $subjectBox.height()-$subject.height())/$subjectDivs.outerHeight())subjectIndex=0
     //  subject.animate({top:-subjectIndex*$subjectDivs.outerHeight()})
    //  滚动条滚动的位置
     $subject.animate({scrollTop:subjectIndex*$subjectDivs.outerHeight()})
     //  console.log(parseInt(subject.css('top')),subject.parent().scrollTop());
}  
    // 鼠标移入事件，清除定时器
    $subject.mouseenter(function(){
      clearInterval($subject.timeId)
      
    })
    // 滚动事件，改变对应的次数
    $subject.scroll(function(){
      subjectIndex=Math.floor($subject.scrollTop()/$subjectDivs.outerHeight())
    })
    // 鼠标移出事件，继续自动轮播
    $subject.mouseleave(function(){
      $subject.timeId=setInterval(getSubject,3000)
    })
    // subject.parent().scroll(function(){

    //   console.log(subject.parent().scrollTop());
    // })
})